<template>
	<view class="page">
		<view class="apply">
			<image src="../../static/images/inspect/apply.png" class="apply-icon" mode=""></image>
			<view class="apply-tip">申请成功</view>
			<view class="apply-desc">
				<view>正向平台提交信息，确认结果将发信息至您</view>
				<view>微信通知</view>
			</view>
		</view>
		<view class="apply-cells">
			<view class="apply-cell">
				<view class="apply-cell__hd">姓名</view>
				<view class="apply-cell__bd">兔兔哇楼</view>
			</view>
			<view class="apply-cell">
				<view class="apply-cell__hd">手机号</view>
				<view class="apply-cell__bd">173 0639 0552</view>
			</view>
			<view class="apply-cell">
				<view class="apply-cell__hd">工号</view>
				<view class="apply-cell__bd">0086</view>
			</view>
			<view class="apply-cell">
				<view class="apply-cell__hd">科室</view>
				<view class="apply-cell__bd">测试病区</view>
			</view>
			<view class="apply-cell">
				<view class="apply-cell__hd">日期</view>
				<view class="apply-cell__bd">2021-08-12 15:50:59</view>
			</view>
		</view>
		<view class="apply-foot">
			<button type="default" class="know-btn">我知道了</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.page{
		background-color: #fff;
		height: calc(100vh - 44px);
	}
	
	.apply{
		text-align: center;
		padding: 44rpx 44rpx 80rpx;
		
		.apply-icon{
			width: 240rpx;
			height: 250rpx;
			display: block;
			margin: 0 auto 12rpx;
		}
		
		.apply-tip{
			font-size: 40rpx;
			color: #009fe8;
			line-height: 56rpx;
			margin-bottom: 10rpx;
		}
		
		.apply-desc{
			line-height: 44rpx;
			color: #bfbfc4;
			font-size: 24rpx;
		}
	}
	
	.apply-cell:nth-child(odd){
		background-color: #f5f8fa;
	}
	
	.apply-cell{
		display: flex;
		background-color: #fff;
		align-items: center;
		justify-content: space-between;
		font-size: 30rpx;
		padding: 24rpx 30rpx;
		line-height: 40rpx;
		
		.apply-cell__hd{
			color: #373b4f;
		}
		.apply-cell__bd{
			color: #bababf;
		}
	}
	
	.apply-foot{
		padding: 90rpx 80rpx 0;
		
		.know-btn{
			background-color: #009fe8;
			height: 94rpx;
			font-size: 30rpx;
			color: #fff;
			border-radius: 47rpx;
			padding:22rpx 30rpx;
			margin: 0;
			line-height: 50rpx;
		}
		
		.know-btn::after{
			display: none;
		}
	}
	
</style>
